<x-row space="1">
  <x-col span="24">
    <table>
      <tr>
        <th width="100">Level</th>
        <th>Font size</th>
      </tr>
      <tr [style.font-size.rem]="0.75">
        <td>auxiliary text</td>
        <td>0.75rem Extra Small</td>
      </tr>
      <tr [style.font-size.rem]="0.825">
        <td>body (small)</td>
        <td>0.825rem Small</td>
      </tr>
      <tr [style.font-size.rem]="0.875">
        <td>text</td>
        <td>0.875rem Base</td>
      </tr>
      <tr [style.font-size.rem]="1">
        <td>subtitle</td>
        <td>1rem Medium</td>
      </tr>
      <tr [style.font-size.rem]="1.125">
        <td>title</td>
        <td>1.125rem large</td>
      </tr>
      <tr [style.font-size.rem]="1.25">
        <td>main title</td>
        <td>1.25rem Extra large</td>
      </tr>
    </table>
  </x-col>
</x-row>
